import { Rate } from 'antd';
import { check } from 'prettier';
import React from 'react'

interface PinProps extends React.ComponentProps<typeof Rate>{
  checked: boolean,
  onCheckedChange?: (checked: boolean) => void
}

export const Pin = ({checked,onCheckedChange,...restProps} : PinProps)=>{
  return <Rate
    count={1}
    value={checked?1:0}
    onChange={num => onCheckedChange?.(!!num)}
    {...restProps}
  />
}